<template>
    <div id="app" style="height: auto;">
        <!--<img src="../assets/logo.png">
        <div>
            <el-button @click="startHacking">Start</el-button>
        </div>-->
        <el-container  style="height: auto; border: 1px solid #eee;">
            <el-header style="text-align: left; font-size: 12px;">
                <el-menu router :default-active="$route.path" class="el-menu-demo" mode="horizontal">
                    <el-menu-item index="/index/home">首页</el-menu-item>
                    <el-menu-item index="/index/contactMe">联系我</el-menu-item>
                </el-menu>
            </el-header>
            <el-main>
               <router-view></router-view>
            </el-main>
            <el-footer></el-footer>
        </el-container>
        <el-container>
            <el-footer>
                <a href="http://www.beian.miit.gov.cn/" target="_blank" style="text-decoration: none; color: #999; font: 12px arial">陕ICP备19022479号</a>
            </el-footer>
        </el-container>
    </div>
</template>

<script>
    export default {
        methods: {
            open() {
                this.$message({
                    message: '设计中，敬请期待。',
                    type: 'warning'
                });
            },
            startHacking () {
                this.$notify({
                    title: 'It works!',
                    type: 'success',
                    message: 'We\'ve laid the ground work for you. It\'s time for you to build something epic!',
                    duration: 5000
                })
            }
        },
        data() {
            return{

            }
        }
    }
</script>

<style scoped>
    #app {
        font-family: Helvetica, sans-serif;
        text-align: center;
    }

    .el-card h3 {
        color: #475669;
        font-size: 14px;
        opacity: 0.75;
        line-height: 150px;
        margin: 0;
    }

    .el-header, .el-menu {
        background-color: #B3C0D1;
        color: #333;
        text-align: center;
        line-height: 60px;
    }
</style>
